<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
      xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>添加房产证信息</title>
    <link th:replace="common/header"/>
    <script type="text/javascript" th:src="@{/js/My97DatePicker/WdatePicker.js}"></script>
</head>
<body class="no-skin">
<div th:replace="common/top"/>
<div class="main-container ace-save-state" id="main-container">
    <div th:replace="common/menu"/>
    <div class="main-content">
        <div class="main-content-inner">
            <div th:replace="common/title"/>
            <div class="page-content">
                <div th:replace="common/skin"/>
                <div class="row">
                    <div class="col-xs-12">
                        <!-- PAGE CONTENT BEGINS -->
                        <form class="form-horizontal" action="add.do" name="form"
                              th:action="@{/propertyOwnershipCertificate/add}" th:method="post"
                              th:object="${propertyOwnershipCertificate}">
                            <input type="hidden" id="id" name="id" th:value="*{id}"/>
                            <h3 class="header smaller lighter blue"><i class="fa fa-plus" aria-hidden="true"></i>添加房产证信息
                            </h3>
                            <div class="row-fluid">
                                <!--PAGE CONTENT BEGINS HERE-->
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label" for="ownershiper">房屋所有权人:<span
                                                style="color:red">*</span></label>
                                        <div class="controls">
                                            <input name="ownershiper" id="ownershiper" class="input_fix"
                                                   placeholder="房屋所有权人" th:value="*{ownershiper}" maxlength="50"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label" for="address">房屋坐落:<span style="color:red">*</span></label>
                                        <div class="controls">
                                            <input name="address" id="address" class="input_fix" placeholder="房屋坐落"
                                                   th:value="*{address}" maxlength="50"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span6">
                                    <span style="color:red"><span th:if="${#fields.hasErrors('ownershiper')}"
                                                                  th:errors="*{ownershiper}">Name Error</span>&nbsp;</span>
                                </div>
                                <div class="span6">
                                    <span style="color:red"><span th:if="${#fields.hasErrors('address')}"
                                                                  th:errors="*{address}">Name Error</span>&nbsp;</span>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <!--PAGE CONTENT BEGINS HERE-->
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label" for="property">房屋性质:<span
                                                style="color:red">*</span></label>
                                        <div class="controls">
                                            <input name="property" id="property" class="input_fix" placeholder="房屋性质"
                                                   th:value="*{property}" maxlength="50"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label" for="purpose">规划用途:<span style="color:red">*</span></label>
                                        <div class="controls">
                                            <input name="purpose" id="purpose" class="input_fix" placeholder="规划用途"
                                                   th:value="*{purpose}" maxlength="50"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span6">
                                    <span style="color:red"><span th:if="${#fields.hasErrors('property')}"
                                                                  th:errors="*{property}">Name Error</span>&nbsp;</span>
                                </div>
                                <div class="span6">
                                    <span style="color:red"><span th:if="${#fields.hasErrors('purpose')}"
                                                                  th:errors="*{purpose}">Name Error</span>&nbsp;</span>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <!--PAGE CONTENT BEGINS HERE-->
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label" for="share">共有情况:<span
                                                style="color:red">*</span></label>
                                        <div class="controls">
                                            <input name="share" id="share" class="input_fix" placeholder="共有情况"
                                                   th:value="*{share}"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label" for="certificationUnit">发证单位:<span
                                                style="color:red">*</span></label>
                                        <div class="controls">
                                            <input name="certificationUnit" id="certificationUnit" class="input_fix"
                                                   placeholder="发证单位" th:value="*{certificationUnit}"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span6">
                                    <span style="color:red"><span th:if="${#fields.hasErrors('share')}"
                                                                  th:errors="*{share}">Name Error</span>&nbsp;</span>
                                </div>
                                <div class="span6">
                                    <span style="color:red"><span th:if="${#fields.hasErrors('certificationUnit')}"
                                                                  th:errors="*{certificationUnit}">Name
                                        Error</span>&nbsp;</span>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <!--PAGE CONTENT BEGINS HERE-->
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label" for="coveredArea">建筑面积（平方米）:<span
                                                style="color:red">*</span></label>
                                        <div class="controls">
                                            <input name="coveredArea" id="coveredArea" class="input_fix"
                                                   placeholder="建筑面积（平方米）" th:value="*{coveredArea}"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label" for="useableArea">使用面积（平方米）:<span
                                                style="color:red">*</span></label>
                                        <div class="controls">
                                            <input name="useableArea" id="useableArea" class="input_fix"
                                                   placeholder="使用面积（平方米）" th:value="*{useableArea}"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span6">
                                    <span style="color:red"><span th:if="${#fields.hasErrors('coveredArea')}"
                                                                  th:errors="*{coveredArea}">Name Error</span>&nbsp;</span>
                                </div>
                                <div class="span6">
                                    <span style="color:red"><span th:if="${#fields.hasErrors('useableArea')}"
                                                                  th:errors="*{useableArea}">Name Error</span>&nbsp;</span>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <!--PAGE CONTENT BEGINS HERE-->
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label" for="yearLimitStart">开始使用年限:<span
                                                style="color:red">*</span></label>
                                        <div class="controls">
                                            <input name="yearLimitStart" id="yearLimitStart" class="input_fix7"
                                                   placeholder="开始使用年限"
                                                   th:value="*{yearLimitStart} == null ? '' : *{#dates.format(yearLimitStart, 'yyyy-MM-dd')}"/>
                                            <img onclick="WdatePicker({el:'yearLimitStart',dateFmt:'yyyy-MM-dd'})"
                                                 style="width:16px;height:22px" align="middle"
                                                 th:src="@{/js/My97DatePicker/skin/datePicker.gif}"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label" for="yearLimitEnd">结束使用年限:<span
                                                style="color:red">*</span></label>
                                        <div class="controls">
                                            <input name="yearLimitEnd" id="yearLimitEnd" class="input_fix7"
                                                   placeholder="结束使用年限"
                                                   th:value="*{yearLimitEnd} == null ? '' : *{#dates.format(yearLimitEnd, 'yyyy-MM-dd')}"/>
                                            <img onclick="WdatePicker({el:'yearLimitEnd',dateFmt:'yyyy-MM-dd'})"
                                                 style="width:16px;height:22px" align="middle"
                                                 th:src="@{/js/My97DatePicker/skin/datePicker.gif}"/>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="row-fluid">
                                <div class="span6">
                                    <span style="color:red"><span th:if="${#fields.hasErrors('yearLimitStart')}"
                                                                  th:errors="*{yearLimitStart}">Name Error</span>&nbsp;</span>
                                </div>
                                <div class="span6">
                                    <span style="color:red"><span th:if="${#fields.hasErrors('yearLimitEnd')}"
                                                                  th:errors="*{yearLimitEnd}">Name Error</span>&nbsp;</span>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <!--PAGE CONTENT BEGINS HERE-->
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label" for="getCardDate">登记日期:<span
                                                style="color:red">*</span></label>
                                        <div class="controls">
                                            <input name="getCardDate" id="getCardDate" class="input_fix7"
                                                   placeholder="登记日期"
                                                   th:value="*{getCardDate} == null ? '' : *{#dates.format(getCardDate, 'yyyy-MM-dd')}"/>
                                            <img onclick="WdatePicker({el:'getCardDate',dateFmt:'yyyy-MM-dd'})"
                                                 style="width:16px;height:22px" align="middle"
                                                 th:src="@{/js/My97DatePicker/skin/datePicker.gif}"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label" for="loginNumber">登记字号:<span
                                                style="color:red">*</span></label>
                                        <div class="controls">
                                            <input name="loginNumber" id="loginNumber" class="input_fix"
                                                   placeholder="登记字号" th:value="*{loginNumber}"/>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="row-fluid">
                                <div class="span6">
                                    <span style="color:red"><span th:if="${#fields.hasErrors('getCardDate')}"
                                                                  th:errors="*{getCardDate}">Name Error</span>&nbsp;</span>
                                </div>
                                <div class="span6">
                                    <span style="color:red"><span th:if="${#fields.hasErrors('loginNumber')}"
                                                                  th:errors="*{loginNumber}">Name Error</span>&nbsp;</span>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <!--PAGE CONTENT BEGINS HERE-->
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label" for="landId">地号:<span
                                                style="color:red">*</span></label>
                                        <div class="controls">
                                            <input name="landId" id="landId" class="input_fix" placeholder="地号"
                                                   th:value="*{landId}"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="span6">
                                    <div class="control-group">
                                        <label class="control-label" for="landMethod">土地使用权取得方式:<span style="color:red">*</span></label>
                                        <div class="controls">
                                            <input name="landMethod" id="landMethod" class="input_fix"
                                                   placeholder="土地使用权取得方式" th:value="*{landMethod}"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="span6">
                                    <span style="color:red"><span th:if="${#fields.hasErrors('landId')}"
                                                                  th:errors="*{landId}">Name Error</span>&nbsp;</span>
                                </div>
                                <div class="span6">
                                    <span style="color:red"><span th:if="${#fields.hasErrors('landMethod')}"
                                                                  th:errors="*{landMethod}">Name Error</span>&nbsp;</span>
                                </div>
                            </div>
                            <div class="row-fluid">
                                <div class="text-center span12">
                                    <button shiro:hasPermission="/propertyOwnershipCertificate/add"
                                            class="btn btn-primary" type="submit"><i class="fa fa-floppy-o"
                                                                                     aria-hidden="true"></i>提交
                                    </button>
                                    <button shiro:hasPermission="/propertyOwnershipCertificate/add"
                                            class="btn btn-danger" type="reset"><i class="fa fa-times"
                                                                                   aria-hidden="true"></i>取消
                                    </button>
                                    <a shiro:hasPermission="/propertyOwnershipCertificate/getAll" class="btn"
                                       href="getAll" th:href="@{/propertyOwnershipCertificate/getAll}"><i
                                            class="fa fa-reply" aria-hidden="true"></i>返回</a>
                                </div>
                            </div>
                        </form>
                        <!-- PAGE CONTENT ENDS -->
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.page-content -->
        </div>
    </div><!-- /.main-content -->
    <div th:replace="common/footer"/>
</div><!-- /.main-container -->
<div th:replace="common/buttom"/>

<script type="text/javascript">
    $("form").submit(function () {
        $(":submit", this).attr("disabled", "disabled");
    });
</script>
</body>
</html>
